<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/myUtil.js"></script>

    <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap-theme.css">
    <link rel="stylesheet" type="text/css" href="../css/page.css">

</head>
<body>
    <div class="container">
        <!--导航栏-->
        <div class="navigationBar"></div>

    </div>

    <script type="text/javascript">
        // 引入导航栏
        $(".navigationBar").load("navigationBar.html", function (){
            $("#userFriend").css("color", "red");
        });

    </script>
</body>
</html>